<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="../head.jsp"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- head -->
<head>
<title>${title}</title>
<meta name="description" content="Dashboard" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="${basePath }assets/img/favicon.png"
	type="image/x-icon">
<!--Basic Styles-->
<link href="${basePath }assets/css/bootstrap.min.css" rel="stylesheet" />
<link id="bootstrap-rtl-link" href="#" rel="stylesheet" />
<link href="${basePath }assets/css/font-awesome.min.css"
	rel="stylesheet" />
<link href="${basePath }assets/css/weather-icons.min.css"
	rel="stylesheet" />
<!--Fonts-->
<link
	href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300"
	rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300'
	rel='stylesheet' type='text/css'>
<!--Beyond styles-->

<link href="${basePath }assets/css/demo.min.css" rel="stylesheet" />
<link href="${basePath }assets/css/typicons.min.css" rel="stylesheet" />
<link href="${basePath }assets/css/animate.min.css" rel="stylesheet" />
<link id="skin-link" href="#" rel="stylesheet" type="text/css" />
<link id="beyond-link" href="${basePath }assets/css/beyond.min.css" rel="stylesheet" type="text/css"/>

<!--Skin Script: Place this script in head to load scripts for skins and rtl support-->
<script src="${basePath }assets/js/skins.min.js"></script>
</head>
<!-- /head -->

<!-- Body -->
<body>
	<!-- Loading Container -->
	<div class="loading-container">
		<div class="loader"></div>
	</div>
	<!--  /Loading Container -->

	<!-- Navbar -->
	<div class="navbar">
		<div class="navbar-inner">
			<div class="navbar-container">
				<!-- Navbar Barnd -->
				<div class="navbar-header pull-left">
					<a href="#" class="navbar-brand"> <small> <img
							src="${basePath }assets/img/logo.png" alt="SSSM" />
					</small>
					</a>
				</div>
				<!-- /Navbar Barnd -->

				<!-- Sidebar Collapse -->
				<div class="sidebar-collapse" id="sidebar-collapse">
					<i class="collapse-icon fa fa-bars"></i>
				</div>
				<!-- /Sidebar Collapse -->

				<!-- Account Area and Settings --->
				<div class="navbar-header pull-right">
					<div class="navbar-account">
						<ul class="account-area">
							<li><a class="dropdown-toggle" data-toggle="dropdown"
								title="Notifications" href="#"> <i
									class="icon fa fa-warning"></i>
							</a> <!--Notification Dropdown-->
								<ul
									class="pull-right dropdown-menu dropdown-arrow dropdown-notifications">
									<li><a href="#">
											<div class="clearfix">
												<div class="notification-icon">
													<i class="fa fa-glass bg-success white"></i>
												</div>
												<div class="notification-body">
													<span class="title">Dinner with friends</span> <span
														class="description">10:30 pm</span>
												</div>
											</div>
									</a></li>
									<li class="dropdown-footer "><span> Today, March 28
									</span> <span class="pull-right"> 10°c <i class="wi wi-cloudy"></i>
									</span></li>
								</ul> <!--/Notification Dropdown--></li>
							<li><a class="dropdown-toggle" data-toggle="dropdown"
								title="Mails" href="#"> <i class="icon fa fa-envelope"></i>
									<span class="badge">3</span>
							</a> <!--Messages Dropdown-->
								<ul
									class="pull-right dropdown-menu dropdown-arrow dropdown-messages">

									<li><a href="#"> <img
											src="${basePath }assets/img/avatars/adam-jansen.jpg"
											class="message-avatar" alt="Divyia Austin">
											<div class="message">
												<span class="message-sender"> Nicolas </span> <span
													class="message-time"> Friday, September 22 </span> <span
													class="message-subject"> New 4K Cameras </span> <span
													class="message-body"> The 4K revolution has come
													over the horizon and is reaching the general populous </span>
											</div>
									</a></li>
								</ul> <!--/Messages Dropdown--></li>
							<li><a class="dropdown-toggle" data-toggle="dropdown"
								title="Tasks" href="#"> <i class="icon fa fa-tasks"></i> <span
									class="badge">4</span>
							</a> <!--Tasks Dropdown-->
								<ul
									class="pull-right dropdown-menu dropdown-tasks dropdown-arrow ">
									<li class="dropdown-header bordered-darkorange"><i
										class="fa fa-tasks"></i> 4 Tasks In Progress</li>



									<li><a href="#">
											<div class="clearfix">
												<span class="pull-left">Adding Contacts</span> <span
													class="pull-right">10%</span>
											</div>

											<div class="progress progress-xs">
												<div style="width: 10%"
													class="progress-bar progress-bar-warning"></div>
											</div>
									</a></li>
									<li class="dropdown-footer"><a href="#"> See All Tasks
									</a>
										<button
											class="btn btn-xs btn-default shiny darkorange icon-only pull-right">
											<i class="fa fa-check"></i>
										</button></li>
								</ul> <!--/Tasks Dropdown--></li>


							<li><a class="wave in" id="chat-link" title="Chat" href="#">
									<i class="icon glyphicon glyphicon-comment"></i>
							</a></li>
							<li><a class="login-area dropdown-toggle"
								data-toggle="dropdown">
									<div class="avatar" title="View your public profile">
										<img src="${basePath }assets/img/avatars/adam-jansen.jpg">
									</div> <section>
									<h2>
										<span class="profile"><span>David Stevenson</span></span>
									</h2>
									</section>
							</a> <!--Login Area Dropdown-->
								<ul
									class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
									<li class="username"><a>David Stevenson</a></li>
									<li class="email"><a>David.Stevenson@live.com</a></li>
									<!--Avatar Area-->
									<li>
										<div class="avatar-area">
											<img src="${basePath }assets/img/avatars/adam-jansen.jpg"
												class="avatar"> <span class="caption">Change
												Photo</span>
										</div>
									</li>
									<!--Avatar Area-->
									<li class="edit"><a href="profile.html" class="pull-left">Profile</a>
										<a href="#" class="pull-right">设置</a></li>
									<!--Theme Selector Area-->


									<li class="theme-area">
										<ul class="colorpicker" id="skin-changer">
											<li><a class="colorpick-btn" href="#"
												style="background-color: #5DB2FF;"
												rel="${basePath }assets/css/skins/blue.min.css"></a></li>
											<li><a class="colorpick-btn" href="#"
												style="background-color: #2dc3e8;"
												rel="${basePath }assets/css/skins/azure.min.css"></a></li>
											<li><a class="colorpick-btn" href="#"
												style="background-color: #03B3B2;"
												rel="${basePath }assets/css/skins/teal.min.css"></a></li>
											<li><a class="colorpick-btn" href="#"
												style="background-color: #53a93f;"
												rel="${basePath }assets/css/skins/green.min.css"></a></li>
											<li><a class="colorpick-btn" href="#"
												style="background-color: #FF8F32;"
												rel="${basePath }assets/css/skins/orange.min.css"></a></li>
											<li><a class="colorpick-btn" href="#"
												style="background-color: #cc324b;"
												rel="${basePath }assets/css/skins/pink.min.css"></a></li>
											<li><a class="colorpick-btn" href="#"
												style="background-color: #AC193D;"
												rel="${basePath }assets/css/skins/darkred.min.css"></a></li>
											<li><a class="colorpick-btn" href="#"
												style="background-color: #8C0095;"
												rel="${basePath }assets/css/skins/purple.min.css"></a></li>
											<li><a class="colorpick-btn" href="#"
												style="background-color: #0072C6;"
												rel="${basePath }assets/css/skins/darkblue.min.css"></a></li>
											<li><a class="colorpick-btn" href="#"
												style="background-color: #585858;"
												rel="${basePath }assets/css/skins/gray.min.css"></a></li>
											<li><a class="colorpick-btn" href="#"
												style="background-color: #474544;"
												rel="${basePath }assets/css/skins/black.min.css"></a></li>
											<li><a class="colorpick-btn" href="#"
												style="background-color: #001940;"
												rel="${basePath }assets/css/skins/deepblue.min.css"></a></li>
										</ul>
									</li>
									<!--/Theme Selector Area-->
									<li class="dropdown-footer"><a href="login.html">登出</a></li>
								</ul> <!--/Login Area Dropdown--></li>
							<!-- /Account Area -->
							<!--Note: notice that setting div must start right after account area list.
                            no space must be between these elements-->
							<!-- Settings -->
						</ul>
						<div class="setting">
							<a id="btn-setting" title="Setting" href="#"> <i
								class="icon glyphicon glyphicon-cog"></i>设置
							</a>
						</div>
						<div class="setting-container">
							<label> <input type="checkbox" id="checkbox_fixednavbar">
								<span class="text">固定导航栏</span>
							</label> <label> <input type="checkbox"
								id="checkbox_fixedsidebar"> <span class="text">Fixed
									SideBar</span>
							</label> <label> <input type="checkbox"
								id="checkbox_fixedbreadcrumbs"> <span class="text">Fixed
									BreadCrumbs</span>
							</label> <label> <input type="checkbox" id="checkbox_fixedheader">
								<span class="text">Fixed Header</span>
							</label>
						</div>
						<!-- Settings -->
					</div>
				</div>
				<!-- /Account Area and Settings -->
			</div>
		</div>
	</div>
	<!-- /Navbar -->

	<!-- Main Container -->
	<div class="main-container container-fluid">
		<!-- Page Container -->
		<div class="page-container">

			<!-- Page Sidebar -->
			<div class="page-sidebar" id="sidebar">
				<!-- Page Sidebar Header-->
				<div class="sidebar-header-wrapper">
					<input type="text" class="searchinput" /> <i
						class="searchicon fa fa-search"></i>
					<div class="searchhelper">搜索提示框</div>
				</div>
				<!-- /Page Sidebar Header -->

				<!-- Sidebar Menu -->
				<ul class="nav sidebar-menu">
					<!--首页-->
					<li class="active"><a href="index-2.html"> <i
							class="menu-icon glyphicon glyphicon-home"></i> <span
							class="menu-text"> 首页 </span>
					</a></li>
					<!--/首页-->

					<!--人员管理-->
					<li><a href="#" class="menu-dropdown"> <i
							class="menu-icon fa fa-desktop"></i> <span class="menu-text">
								人员管理 </span> <i class="menu-expand"></i>
					</a>

						<ul class="submenu">
							<li><a href="#"> <span class="menu-text">用户管理</span>
							</a></li>
							<li><a href="#"> <span class="menu-text">角色管理</span>
							</a></li>
							<li><a href="#"> <span class="menu-text">资源管理</span>
							</a></li>
							<li><a href="#"> <span class="menu-text">账号管理</span>
							</a></li>
							<li><a href="#"> <span class="menu-text">部门管理</span>
							</a></li>
							<li><a href="#"> <span class="menu-text">分组管理</span>
							</a></li>
						</ul></li>

					<!-- 前端框架学习测试页面 -->
					<li><a href="#" class="menu-dropdown"> <i
							class="menu-icon fa fa-desktop"></i> <span class="menu-text">
								人员管理 </span> <i class="menu-expand"></i>
					</a>
						<ul class="submenu">
							<li><a href="${basePath }select2/index"><span class="menu-text">select2插件</span></a></li>
						</ul></li>
					<!-- /前端框架学习测试页面 -->


					<li><a href="#"> <i
							class="menu-icon glyphicon glyphicon-fire themesecondary"></i> <span
							class="menu-text"> antch </span>
					</a></li>
				</ul>
				<!-- /Sidebar Menu -->
			</div>
			<!-- /Page Sidebar -->

			<!-- Page Content -->
			<div class="page-content">
				<!-- Page Breadcrumb -->
				<div class="page-breadcrumbs">
					<ul class="breadcrumb">
						<li><i class="fa fa-home"></i> <a href="#">Home</a></li>
						<li class="active">面包屑导航</li>
					</ul>
				</div>
				<!-- /Page Breadcrumb -->


				<!-- Page Header -->
				<div class="page-header position-relative">
					<div class="header-title">
						<h1>首页</h1>
					</div>
					<!--Header Buttons-->
					<div class="header-buttons">
						<a class="sidebar-toggler" href="#"> <i class="fa fa-arrows-h"></i>
						</a> <a class="refresh" id="refresh-toggler" href="#"> <i
							class="glyphicon glyphicon-refresh"></i>
						</a> <a class="fullscreen" id="fullscreen-toggler" href="#"> <i
							class="glyphicon glyphicon-fullscreen"></i>
						</a>
					</div>
					<!--Header Buttons End-->
				</div>
				<!-- /Page Header -->


				<!-- Page Body -->
				<div class="page-body">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<div class="row">首页111</div>
						</div>
					</div>

				</div>
				<!-- /Page Body -->
			</div>
			<!-- /Page Content -->
		</div>
	</div>

	<!-- /Page Container -->
	<!-- Main Container -->
	</div>
	<!--Basic Scripts-->
	<script src="${basePath }assets/js/jquery.min.js"></script>
	<script src="${basePath }assets/js/bootstrap.min.js"></script>
	<script src="${basePath }assets/js/slimscroll/jquery.slimscroll.min.js"></script>

	<!--Beyond Scripts-->
	<script src="${basePath }assets/js/beyond.js"></script>


	<!--Page Related Scripts-->
	<!--Sparkline Charts Needed Scripts-->
	<script
		src="${basePath }assets/js/charts/sparkline/jquery.sparkline.js"></script>
	<script src="${basePath }assets/js/charts/sparkline/sparkline-init.js"></script>

	<!--Easy Pie Charts Needed Scripts-->
	<script
		src="${basePath }assets/js/charts/easypiechart/jquery.easypiechart.js"></script>
	<script
		src="${basePath }assets/js/charts/easypiechart/easypiechart-init.js"></script>

	<!--Flot Charts Needed Scripts-->
	<script src="${basePath }assets/js/charts/flot/jquery.flot.js"></script>
	<script src="${basePath }assets/js/charts/flot/jquery.flot.resize.js"></script>
	<script src="${basePath }assets/js/charts/flot/jquery.flot.pie.js"></script>
	<script src="${basePath }assets/js/charts/flot/jquery.flot.tooltip.js"></script>
	<script
		src="${basePath }assets/js/charts/flot/jquery.flot.orderBars.js"></script>
</body>
</html>